﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
    <script src="../0_System_file/js/jquery.min.js"></script>
    <script src="../0_System_file/js/jquery.easyui.min.js"></script>
    <script src="../0_System_file/js/validatebox.js"></script>
    <link href="../0_System_file/themes/default/easyui.css" rel="stylesheet" />
    <link href="../0_System_file/themes/icon.css" rel="stylesheet" />
    <link href="../0_System_file/themes/Site (1).css" rel="stylesheet" />
    <style type="text/css">
        #bb {
            width: 1000px;
            height: 115px;
            border: 1px solid green;
        }

        #ee {
            width: 1000px;
            height: 310px;
            margin-top: 5px;
            border: 1px solid green;
        }
    </style>
</head>
<body>
    <div id="bb">
        <p style="font-size:16px;margin-top:-5px;">&nbsp;&nbsp;&nbsp;&nbsp;<b>查询</b></p>
        &nbsp;&nbsp;&nbsp;&nbsp;消费日期:<input id="dd" type="text">&nbsp;&nbsp;<input id="ss" style="width:80px;">
        &nbsp;&nbsp;&nbsp;&nbsp;至:<input id="d1" type="text">&nbsp;&nbsp;<input id="s1" style="width:80px;"><br />
        &nbsp;&nbsp;&nbsp;&nbsp;卡号/手机:<input type="text" id="phone" />&nbsp;&nbsp;&nbsp;&nbsp;
        按会员等级:
        <select id="cc" class="easyui-combobox" name="dept" style="width:100px;">
            <option value="aa">aitem1</option>
            <option>bitem2</option>
            <option>bitem3</option>
            <option>ditem4</option>
            <option>eitem5</option>
        </select>
        &nbsp;&nbsp;&nbsp;&nbsp;减去积分:<select id="c1" class="easyui-combobox" name="dept" style="width:100px;">
            <option value="aa">aitem1</option>
            <option>bitem2</option>
            <option>bitem3</option>
            <option>ditem4</option>
            <option>eitem5</option>
        </select>&nbsp;<input type="text" style="width:50px;" />
        <input id="select" type="button" value="查询" style="background:#0094ff;" /><br />
        &nbsp;&nbsp;&nbsp;&nbsp;订单号:<input type="text" id="orderID" />
    </div>
    <div id="ee">
        <table id="dg" style="padding-left:100px;"></table>
    </div>
    <script type="text/javascript">
        $('#dg').datagrid({
            url: "/10_Json/datagrid_data1.json",
            rownumbers: true,//添加序列号
            pagination: true,
            fit:true,
            method: "get",
            columns: [[
                { field: "productid", title: "商铺ID", width: 100 },
               { field: "productname", title: "商铺名称", width: 100 },
               { field: "unitcost", title: "价格", width: 100 }
            ]]
        });
        $('#dd').datebox({
            required: true
        });
        $('#d1').datebox({
            required: true
        });
        $('#ss').timespinner({
            min: '08:30',
            required: true,
            showSeconds: true
        });
        $('#s1').timespinner({
            min: '08:30',
            required: true,
            showSeconds: true
        });
        //$('#cc').combobox({
        //    url: 'combobox_data.json',
        //    valueField: 'id',
        //    textField: 'text'
        //});
    </script>
</body>
</html>
